<template>
    <div>
        <el-container>
            <el-header>
                <el-menu
                    :default-active="activeIndex2"
                    class="el-menu-demo"
                    mode="horizontal"
                    active-text-color="#ffd04b"
                    router
                >
                    <el-menu-item>
                        <img src="../assets/logo.png" alt="" />
                    </el-menu-item>
                    <el-menu-item index="home">首页</el-menu-item>
                    <el-menu-item index="allshop">全部商品</el-menu-item>
                    <el-menu-item index="person">
                        <span>关于我们</span>
                    </el-menu-item>
                    <el-menu-item class="right">
                        <el-input
                            placeholder="请输入内容"
                            prefix-icon="el-icon-search"
                            v-model="input"
                        >
                        </el-input>
                    </el-menu-item>
                </el-menu>
            </el-header>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
    data() {
        return {
            activeIndex: "",
            activeIndex2: "1",
            input: "",
        };
    },
    methods: {},
};
</script>

<style lang="scss" scoped>
img {
    width: 120px;
    height: 50px;
    margin-top: 5px;
}
.right {
    width: 300px;
    float: right;
}
</style>
